<template>
    <div class="goods-pay-info">
      <van-cell :title="countText" :value="goods_price_total_txt" :border="false" />
    </div>
  </template>
  
  <script>
  import { Cell } from 'vant'
  export default {
    comments:{
      [Cell.name]: Cell
    },
    props: {
      goodsCount: {
        type: Number,
        default: 0
      },
      goods_price_total: {
        type: Number,
        default: 0.00
      }
    },
    computed: {
      countText() {
        return `共${this.goodsCount}件商品`
      },
      goods_price_total_txt() {
        return `小计: ￥${(this.goods_price_total / 100).toFixed(2)}`
      }
  
    }
  }
  </script>
  <style lang="scss" scoped>
  .goods-pay-info {
    width: 100%;
    padding: 0.14rem 0;
    background: #fff;
  
    ::deep.van-cell {
      line-height: .42rem;
      font-size: .24rem;
      padding: 0;
    }
  
    .van-cell__value {
      color: #333;
    }
  }
  </style>